export const paiRoundCharts_staticData = [
  {
    name: "data1",
    value: 190,
  },
  {
    name: "data2",
    value: 101,
  },
  {
    name: "data3",
    value: 210,
  },
];
export const paiRoundCharts = {
  legend: {
    show: false,
    icon: "roundRect",
    type: "scroll",
    top: 10,
    left: 20,
    orient: "horizontal",
    textStyle: {
      color: "#B9B8CE",
      fontSize: 18,
    },
    itemHeight: 18,
    itemGap: 10,
    itemWidth: 25,
    pageTextStyle: {
      color: "#B9B8CE",
    },
  },
  grid: {
    show: false,
    left: 50,
    top: 60,
    right: 50,
    bottom: 60,
  },
  tooltip: {
    show: true,
    trigger: "item",
    backgroundColor: "rgba(0,0,0,1)",
    borderColor: "#333",
    borderWidth: 0,
    padding: [5, 10, 5, 10],
    axisPointer: {
      type: "shadow",
    },
    textStyle: {
      color: "#fff",
      fontSize: 14,
    },
  },
  series: [
    {
      name: "",
      type: "pie",
      radius: ["40%", "70%"],
      selectedMode: "single",
      center: ["50%", "50%"],
      avoidLabelOverlap: false,
      itemStyle: {
        borderRadius: 10,
        borderColor: "#fff",
        borderWidth: 2,
      },
      label: {
        show: false,
        position: "center",
        fontSize: 13,
        color: "inherit",
      },
      emphasis: {
        disabled: true,
        focus: "series",
        // label: {
        //   show: true,
        //   fontSize: 40,
        //   fontWeight: "bold",
        // },
      },
      labelLine: {
        show: false,
        smooth: true,
      },
      data: paiRoundCharts_staticData,
    },
  ],
};
